<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <meta charset="utf-8">
    <title>时间戳签发监控</title>
    <link rel="stylesheet" href="/stylesheets/style.css"/>
</head>

<body style="height: 100%; margin: 0; background: rgb(64, 74, 89);">
    <div id="container" style="height: 700px; width: 1500px; float: left;"></div>
    <div style="height: 700px; width: 360px; float: right;">
        <div class='content'>
            <span class="title">签发城市排行</span>
            <ul id='record'></ul>
        </div>

        <div class='content'>
            <span class="title">实时签发线型图</span>
            <ul id='zhexian'></ul>
        </div>
    </div>
    <div class='new'>
        <span class="title">最新签发数据</span>
        <ul id='new'></ul>
    </div>
    <div style="height: 200px; width: 300px; position: absolute; top: 0px; left: 40%; margin-left: -150px; font-size: 18px;">
        <span>时间戳总签发量</span>
        <span id='total' style='width: 168px;text-align: center;display: inline-block;'></span>
    </div>

    <script type="text/javascript" src="/javascripts/echarts.js"></script>
    <script type="text/javascript" src="/javascripts/dataTool.min.js"></script>
    <script type="text/javascript" src="/javascripts/china.js"></script>
    <script type="text/javascript" src="/javascripts/bmap.min.js"></script>
    <script type="text/javascript" src="/javascripts/socket.io.js"></script>
    <script type="text/javascript" src="/javascripts/jquery.js"></script>
    <script type="text/javascript" src="/javascripts/index.js"></script>
</body>

</html>
